import { useEffect } from "react";
import styles from './index.less';

export default () => {

    return (
        <div className={styles.container}>
            Sharp库不能直接运行在web环境中，可以尝试以下平替库
            <br/><br/>

            <p>Pica（高性能图像缩放）</p>
            <p>https://github.com/nodeca/pica</p>
            <p>特点：纯 JS 实现，专注于高质量图像缩放，支持 Canvas API，性能接近原生。</p>
            <p>适用场景：缩略图生成、响应式图像调整。</p>
            <br/><br/>

            <p>Squoosh Codecs（Google 开发的编解码库）</p>
            <p>https://github.com/GoogleChromeLabs/squoosh</p>
            <p>特点：专注于现代图像格式（WebP、AVIF）的编码 / 解码，性能优化。</p>
            <p>适用场景：图像压缩、格式转换（如 JPEG → WebP）。</p>
            <br/><br/>

            
        </div>
    );
}